<%-- 
    Document   : messageBirth
    Created on : Apr 3, 2013, 10:26:53 AM
    Author     : Hung.Ngo
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
            <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <title>JSP Page</title>
    </head>
     <script type="text/javascript" language="javascript">
                var open_cur = 0;
                $j = jQuery.noConflict();
                $j(document).ready(function(){
                  
                });
     </script>
    <style>
        .itemlabel{
            margin-left: 1%;float: left;width: 99%;margin-bottom: 2px;
        }
        .itemlabel:hover{
            background-color: #3BA0ED;
            color: #fff;
        }
    </style>
    <body>
        <f:view>
            <h:form>
                <div style="border: 1px solid #ADACAB;width: 100%;float:left;background-color: #fff;overflow: auto;height: 500px;">
                    <a4j:repeat value="#{v030Controller.listitemV050}" var="item" rowKeyVar="row" >

                        <div class="itemlabel" lang="<h:outputText value="#{item.val}"/>"><h:outputText value="#{item.label}"/></div>

                </a4j:repeat>
                </div>
            </h:form>
        </f:view>
    </body>
</html>
